import { Meta } from '@storybook/blocks';
import YouTubeVideoPlayer from '@/components/YouTubeVideoPlayer';
import * as TooltipStories from '../stories/Tooltip.stories';

<Meta of={TooltipStories} />

# Tooltip

A material design tooltip.

<YouTubeVideoPlayer videoId="EeEfD5fI-5Q" />

## Example

```dart liveslice=Tooltip
Row(
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    Tooltip(
      message: 'High quality',
      child: IconButton(
        icon: Icon(Icons.high_quality),
        onPressed: () {
          /** */
        },
      ),
    ),
    Tooltip(
      message: 'Full screen',
      child: IconButton(
        icon: Icon(Icons.fullscreen),
        onPressed: () {
          /** */
        },
      ),
    ),
    Tooltip(
      message: 'Filter',
      child: IconButton(
        icon: Icon(Icons.filter),
        onPressed: () {
          /** */
        },
      ),
    )
  ],
)
```

## Related Links

- https://api.flutter.dev/flutter/material/Tooltip-class.html
- https://youtu.be/EeEfD5fI-5Q
